<template>
  <div class="setUp">
      <div class="me-box">
        <ul class="list">
          <li>
            <router-link :to="'/me/people'" class="clearFix li">
              <span class="ico"><img src="../../assets/me/img1.png" alt=""></span>
              <span>个人信息</span>
              <span class="ico-r"></span>
            </router-link>
          </li>
          <!--<li>-->
            <!--<router-link :to="'/me/phone'" class="clearFix li">-->
              <!--<span class="ico"><img src="../../assets/me/img2.png" alt=""></span>-->
              <!--<span>修改手机号码</span>-->
              <!--<span class="ico-r"></span>-->
            <!--</router-link>-->
          <!--</li>-->
          <!--2017-12-09删除修改手机号-->

          <li>
            <router-link :to="'/me/password'" class="clearFix li">
              <span class="ico"><img src="../../assets/me/img3.png" alt=""></span>
              <span>修改密码</span>
              <span class="ico-r"></span>
            </router-link>
          </li>
          <!--<li>-->
            <!--<router-link :to="'/me'" class="clearFix li">-->
              <!--<span class="ico"><img src="../../assets/me/img4.png" alt=""></span>-->
              <!--<span>关注女神微博</span>-->
              <!--<span class="ico-r"></span>-->
            <!--</router-link>-->
          <!--</li>-->
          <!--<li>-->
            <!--<router-link :to="'/me'" class="clearFix li">-->
              <!--<span class="ico"><img src="../../assets/me/img5.png" alt=""></span>-->
              <!--<span>意见反馈</span>-->
              <!--<span class="ico-r"></span>-->
            <!--</router-link>-->
          <!--</li>-->
          <li class="clearFix">
            <span class="ico"><img src="../../assets/me/img6.png" alt=""></span>
            <span>联系电话</span>
            <div class="fr">
              <a class="tel fl" href="tel:010-85282760">010-85282760</a>
              <span class="ico-r"></span>
            </div>
          </li>
          <li class="clearFix">
            <router-link :to="'/me/information'" class="clearFix li">
              <span class="ico"><img src="../../assets/me/img7.png" alt=""></span>
              <span>相关协议</span>
              <span class="ico-r"></span>
            </router-link>
          </li>
        </ul>

      </div>
      <div class="btn" >
        <mt-button type="danger" size="large" @click="logOff">退出登录</mt-button>
      </div>
      </div>
   </div>
</template>

<script>

export default {
  name: 'SetUp',
  data () {
    return {
      msg: 'message'
    }
  },
  mounted:function(){
  },
  methods:{
    logOff:function(){

      sessionStorage.user='';
      localStorage.user='';
      this.$router.push('/home');
    }

  }


}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .me-box{
    font-size: 0.5rem;
  }
.list {
  background:#fff;
  width:100%;
  box-sizing:border-box;
  margin-top:.3rem;
  padding:0 .7rem;
  color: #1d1d1d;

}
.list .li{
  display: block;
}
.list li{
    border-bottom:1px solid #c3c3c3;
    line-height:2.2rem;
}

.list li a{
    color:#1d1d1d;
}
.list li .fr{
    color:#1d1d1d;

}
  .list li .fr .tel{
    display: inline-block;
    padding-right:.4rem;
    /*padding-top: .1rem;*/

  }
.list li .ico-r{
  font-size:.9rem;
    color:#aaa;
    float:right;
}
  .ico{
    padding-right: 0.3rem;
  }
  .ico img{ width: 0.7rem; vertical-align: middle}
  .list li span,.list li a{
    vertical-align: middle;
  }

  .ico-r{
    width: 0.3rem;
    height: 0.4rem;
    background: url("../../assets/me/ico.png");
    background-size: 100% 100%;
    margin-top: .85rem;

  }

  .btn{
    padding:.6rem .7rem 0;
  }

  .mint-button{
    border-radius: .5rem;

  }


</style>
